<template>
	<section class="todoapp">

	<TodoHeader></TodoHeader>

	<TodoMain></TodoMain>

	<TodoFooter></TodoFooter>

	</section>
</template>

<script>
	// 样式引入 + 导入组件并注册使用
	import TodoHeader from '@/components/TodoHeader.vue'
	import TodoMain from '@/components/TodoMain.vue'
	import TodoFooter from '@/components/TodoFooter.vue'

	import './styles/base.css'
	import './styles/index.css'

	export default {
		components: {
			TodoHeader,
			TodoMain,
			TodoFooter
		},

		data() {
			return {
				
			};
		}
	};
</script>
